.bullet_class{
  display: none;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  div {
    text-align: center;
    width: 420px;
    height: 200px;

    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -210px;
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.20);
    border-radius: 2px;
    h3{
      font-family: PingFang-SC-Bold;
      font-size: 18px;
      color: #333333;
      letter-spacing: 0.2px;
      margin: 22px 0 20px;
    }
    p{
      font-family: PingFang-SC-Medium;
      font-size: 14px;
      color: #555555;
      letter-spacing: 0.4px;
      text-align: center;
      line-height: 24px;
      width: 231px;
      height: 48px;
      display: block;
      margin: 0 auto;
    }
    a{
      width: 180px;
      height: 48px;
      line-height: 48px;
      display: block;
      margin: 21px auto  0;
      background: #3AAAFF;
      border-radius: 24px;

      font-family: PingFang-SC-Medium;
      font-size: 16px;
      color: #FFFFFF;
      letter-spacing: 2.29px;
      text-align: center;

    }

  }
  /*  display: none;*/

}